export default function Drow(){
  //获取Dom节点
  let chartDom = this.$refs.bar_Dom;
  //初始化echarts实例
  let myChart = this.$echarts.init(chartDom);
  //绘制图标
  let option;
  option = {
      backgroundColor: "#ea5a25",
      tooltip: {
          trigger: "item",
          show: true
      },
      title: {
          text: "Temperature changes in 24 hours",
          textStyle: {
              color: "#fff",
              fontSize: 26
          },
          subtextStyle: {
              color: "#ff8b5d",
              fontSize: 14
          },
          left: 'center',
          top: "15%"
      },
      dataset: [{
        source: this.data,
      }, ],
      grid: {
          left: "10%",
          top: "35%",
          bottom: "15%",
          right: "10%",
          containLabel: true
      },
      xAxis: {
          type: 'category',
          splitLine: {
              show: false
          },
          axisLine: {
              show: false
          },
          axisTick: {
              show: false
          },
          axisLabel: {
              color: '#ff8b5d',
              fontSize: 14,
              formatter: '{value} :00',
          }
      },
      yAxis: {
          type: 'value',
          splitNumber: 4,
          interval: 50,
          splitLine: {
              show: true,
              lineStyle: {
                  color: '#ec7443'
              }
          },
          axisLine: {
              show: false,
          },
          axisTick: {
              show: false
          },
          axisLabel: {
              color: '#ff8b5d',
              fontSize: 14,
              formatter: '{value} °C',
          }
      },
      series: [{
              type: 'bar',
              animation: false,
              barWidth: 4,
              data: this.data,
              tooltip: {
                  show: false
              },
              itemStyle: {
                  color: "#f2fec3"
              },
          },
          {
              type: 'scatter',
              data: this.data,
              symbolSize: 8,
              itemStyle: {
                  borderWidth: 0,
                  opacity: 1,
                  color: "#f2fec3"
              }
          }

      ]
  };
  option && myChart.setOption(option);
}
